<script setup lang="ts">
  import { ref } from 'vue';
  import City from './components/Ctiy/Ctiy.vue'

  interface CityResult {
    provinceCode: string,
    provinceName: string,
    cityCode: string,
    cityName: string,
    CountryCode: string,
    CountryName: string,
  }

  const address = ref('')
  const changeCity = (city: CityResult) => {
    address.value =  city.provinceName + city.CountryName + city.cityName
  }
</script>

<template>
  <div>
    <city :address="address" @change-city="changeCity"></city>
  </div>
</template>

<style scoped>

</style>
